<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://www.icesoft.com/icefaces/component" prefix="ice"%>
<html>
	<head>
		<%@include file="./general/head.jsp" %>
		<script type="text/javascript" src="../estilos/js/scripts.js"></script>
	</head>
	<body class="body">
		<table width="800" border="0" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
		<tr>
				<td valign="top" align="center">
		    		<%@include file="./general/head2.jsp" %>
				</td>
	  		</tr>
			<tr>
				<td valign="top" align="center">	
				<ice:form id="formulario">
						<f:view>
							<!-- CARGA EL ARCHIVO DE ETIQUETAS -->
							<f:loadBundle basename="co.com.coomeva.adminEvaluacion.properties.etiquetas" var="etiqueta" />
							
							<ice:panelCollapsible expanded="true" toggleOnClick="true" style="width: 770px">
								
								<!-- TITULO -->
								<f:facet name="header">
									<ice:outputText value="#{etiqueta.title_GestionItems}" />
								</f:facet>
								<br />
								
								<!-- ETIQUETAS Y CAMPOS -->
								<ice:panelGrid columns="2">
									<strong><ice:outputText value="#{etiqueta.lb_nombre_periodo_activo}: " /></strong>
									<strong><ice:outputText value="#{itemsBean.nombrePeriodo}   " /></strong>
								
									<ice:outputText value="#{etiqueta.lb_Consecutivo} (*)   " rendered="#{itemsBean.readOnly}"/>
									<ice:inputText id="consItem" value="#{itemsBean.consItem}" disabled="#{itemsBean.readOnly}" rendered="#{itemsBean.readOnly}" size="30" maxlength="5" />
									
									<ice:outputText value="#{etiqueta.lb_Descripcion} (*)   " />
									<ice:inputTextarea id="descripcion" value="#{itemsBean.descripcion}" cols="50" rows="5">
									</ice:inputTextarea>
                                    
                                    <ice:outputText value="#{etiqueta.lb_Estado} (*)   " />
                                    <ice:selectOneMenu value="#{itemsBean.estado}" id="estado">
										<f:selectItems value="#{itemsBean.estadoItems}"/>
									</ice:selectOneMenu>					
                                    
                                    <ice:outputText value="#{etiqueta.lb_Porcentaje} (*)   " />
									<ice:inputText id="porcentaje" value="#{itemsBean.porcentaje}" size="30" maxlength="3" />
                                    
                                    <ice:outputText value="#{etiqueta.lb_CargoNombre} (*) (-)" />
                                    <ice:selectOneMenu value="#{itemsBean.codCargo}" partialSubmit="true" immediate="true" valueChangeListener="#{itemsBean.cargarRoles}" id="cargo">
										<f:selectItems value="#{itemsBean.cargoItems}" />
									</ice:selectOneMenu>
                                    
                                    <ice:outputText value="#{etiqueta.lb_CiudadNombre} (*) (-)" />
                                    <ice:selectOneMenu value="#{itemsBean.codCiudad}" id="ciudad">
										<f:selectItems value="#{itemsBean.ciudadItems}" />
									</ice:selectOneMenu>
                                    
                                    <ice:outputText value="#{etiqueta.lb_ModuloNombre} (*) (-)" />
                                    <ice:selectOneMenu value="#{itemsBean.codModulo}" id="modulo">
										<f:selectItems value="#{itemsBean.moduloItems}" />
									</ice:selectOneMenu>
                                                                        
                                    <ice:outputText value="#{etiqueta.lb_RolNombre} (*) (-)" />
                                    <ice:selectOneMenu value="#{itemsBean.codRol}" id="rol">
										<f:selectItems value="#{itemsBean.rolItems}" />
									</ice:selectOneMenu>
									</ice:panelGrid>
									<ice:panelGrid columns="1">
									<br />
									<i>
									<ice:outputText  value="#{etiqueta.lb_campoPeriodo} " />
                        			</i>								
									</ice:panelGrid>
									<ice:panelGrid columns="2">
									<ice:outputText value="#{etiqueta.lb_PeriodoNombre} (-)" />
                                    <ice:selectOneMenu value="#{itemsBean.codPeriodo}" disabled="#{itemsBean.readOnly}" id="periodo">
										<f:selectItems value="#{itemsBean.periodoItems}" />
									</ice:selectOneMenu>
									</ice:panelGrid>
                        			<ice:panelGrid columns="1">
                        			<br />
									<i>
                                    <ice:outputText  value="#{etiqueta.lb_consulta} " /><br />
                                    <ice:outputText  value="#{etiqueta.lbl_obligatorio} " />
                                    </i>
								</ice:panelGrid>
								<br />
								
								<!-- BOTONES -->
								<ice:panelGrid columns="5">
								    <ice:commandButton value="#{etiqueta.btn_Guardar}"
										actionListener="#{itemsBean.crear}"
										disabled="#{itemsBean.inactivarGuardar}"
										onclick="if(!confirm('Realmente desea crear este registro?')){ return false; };" />
									<ice:commandButton value="#{etiqueta.btn_Consultar}"
										actionListener="#{itemsBean.consultar}"
										disabled="#{itemsBean.inactivarConsultar}" />
									<ice:commandButton value="#{etiqueta.btn_Actualizar}"
										actionListener="#{itemsBean.actualizar}"
										disabled="#{itemsBean.inactivarActualizar}"
										onclick="if(!confirm('Esta seguro que desea actualizar los datos del item?')){ return false; };" />
									<ice:commandButton value="#{etiqueta.btn_Eliminar}"
										actionListener="#{itemsBean.eliminar}"
										disabled="#{itemsBean.inactivarEliminar}"
										onclick="if(!confirm('Esta seguro que desea eliminar el item actual?')){ return false; };" />
									<ice:commandButton value="#{etiqueta.btn_Limpiar}"
										action="#{itemsBean.limpiar}" onclick="limpiar(document.getElementById('formulario'));" />
								</ice:panelGrid>
																
								<!-- MENSAJE DE ERROR DE CONVERSION -->
								<ice:messages visible="true" style="color:red;" />

								<!-- TABLA DE RESULTADOS DE CONSULTA -->
								<ice:dataTable rows="10" id="dataItems" var="items"
									value="#{itemsBean.listItems}" border="1" width="95%"
									rendered="#{itemsBean.resultadoConsulta}">
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_Consecutivo}" />
											</strong>
										</f:facet>
										<ice:commandLink value="#{items.consItem}"
											styleClass="linkTabla" action="#{itemsBean.cargarDatos}">
											<f:param value="#{items.consItem}" name="consecutivo" />
										</ice:commandLink>
									</ice:column>
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_Descripcion}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{items.descripcion}" />
									</ice:column>
                                    <ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_Estado}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{items.estado}" />
									</ice:column>
                                    <ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_Porcentaje}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{items.porcentaje}" />
									</ice:column>
									<!--
                                    <ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_CodCargo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{items.codCargo}" />
									</ice:column>
									-->
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_nombreCargo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{items.nombreCargo}" />
									</ice:column>
									
									<!--
                                    <ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_CodCiudad}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{items.codCiudad}" />
									</ice:column>
									-->
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_nombreCiudad}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{items.nombreCiudad}" />
									</ice:column>
									
									<!-- 
                                    <ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_CodPeriodo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{items.consPeriodo}" />
									</ice:column>
									-->
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_nombrePeriodo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{items.nombrePeriodo}" />
									</ice:column>
									<!--
                                    <ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_CodModulo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{items.consModulo}" />
									</ice:column>
									-->
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_nombreModulo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{items.nombreModulo}" />
									</ice:column>
									
                                    <ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_RolNombre}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{items.nombreRol}" />
									</ice:column>                                    
								</ice:dataTable>
								<br />
								
								<!-- PAGINADOR -->
								<ice:dataPaginator id="dataScroll_1" for="dataItems"
									paginator="true" fastStep="3" paginatorMaxPages="4"
									rendered="#{itemsBean.resultadoConsulta}">
									<f:facet name="first">
										<ice:graphicImage url="../estilos/imagenes/arrow-first.gif"
											style="border:none;" title="#{etiqueta.title_PrimeraPagina}" />
									</f:facet>
									<f:facet name="last">
										<ice:graphicImage url="../estilos/imagenes/arrow-last.gif"
											style="border:none;" title="#{etiqueta.title_UltimaPagina}" />
									</f:facet>
									<f:facet name="previous">
										<ice:graphicImage url="../estilos/imagenes/arrow-previous.gif"
											style="border:none;" title="#{etiqueta.title_PaginaAnterior}" />
									</f:facet>
									<f:facet name="next">
										<ice:graphicImage url="../estilos/imagenes/arrow-next.gif"
											style="border:none;" title="#{etiqueta.title_ProximaPagina}" />
									</f:facet>
									<f:facet name="fastforward">
										<ice:graphicImage url="../estilos/imagenes/arrow-ff.gif"
											style="border:none;" title="#{etiqueta.title_AvanceRapido}" />
									</f:facet>
									<f:facet name="fastrewind">
										<ice:graphicImage url="../estilos/imagenes/arrow-fr.gif"
											style="border:none;" title="#{etiqueta.title_RetornoRapido}" />
									</f:facet>
								</ice:dataPaginator>
							</ice:panelCollapsible>

						</f:view>
					</ice:form>
				</td>
			</tr>
			<tr>
				<td>
					<%@include file="./general/footer.jsp" %>
				</td>
			</tr>
		</table>
		<%@include file="mensaje.jsp"%>
	</body>
</html>
